body, div, dl, dt, dd, del, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, menu { margin: 0; padding: 0; }
body { font: 14px/1.5 'Microsoft YaHei', Helvetica; background: #fff; color: #444; }
a, a:visited { color: #918b8e; }
a:hover { color: #0872d6; text-decoration: none; }
ol, ul, li { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
.page-wrap { background-color: #f7f7f7; padding-bottom: 20px; }
.page-pad { padding-top: 48px; }
.page-title { margin: 0 auto; text-align: center; }
.page-title h3 { text-align: center; font-size: 28px; margin-bottom: 3px; color: #202020; font-weight: bold; }
.page-title span { display: block; text-transform: uppercase; position: relative; padding-bottom: 15px; }
.page-title span:after { position: absolute; bottom: -1px; left: 50%; width: 50px; margin-left: -25px; content: ''; border-bottom: 1px solid #7acf00; z-index: 20; }
.page-title p { width: 80%; margin: 0 auto; padding: 15px 0 0; text-align:left;}
.page-top { position: relative; overflow: hidden; }
.page-top > .bg { position: relative; left: 50%; width: 1920px; max-width: none; margin-left: -960px; }
.page-top > .inner { font-size: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; white-space: nowrap; }
.page-top > .inner:before { display: inline-block; height: 100%; content: ' '; vertical-align: middle; }
.page-top > .inner > .text { display: inline-block; width: 100%; vertical-align: middle; white-space: normal; font-size: 24px; color: #fff; text-align: center; }
.page-top > .inner > .text > .title { font-weight: normal; font-size: 48px; }
.page-top > .inner > .text > .desc { font-family: Arial; text-transform: uppercase; }

/*通用头部*/
.header { height: 48px; line-height: 48px; width: 100%; overflow: hidden; background: #f3f3f3; border-bottom: 1px solid #e6e6e6; color: #828282; }
.header .hotline { float: left; font-size: 16px; }
.header .hotline i.fa { margin-right: 5px; }
.header .hotline span { color: #F50; font-weight: bold; }
.header .hotline strong { color: #0872d6; }

/*顶部导航*/
.navbar-header .logo { margin-right: 60px; display: block; padding: 10px 0; }
.navbar-header .logo img { height: 62px; }
.navbar-main { padding: 0; border: 0px; border-radius: 0px; margin-bottom: 0; background: #0872d6; }
.navbar-main .nav-justified { margin-right: -15px; width: auto; }
.navbar-main .nav-justified>li>a { padding: 15px 0; line-height: 52px; min-height: auto; font-size: 16px; color: #fff; position: relative; }
.navbar-main .nav-justified>li>a:hover, .navbar-main .nav-justified>li>a:focus { background: #fff; color: #333; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.navbar-main .nav-justified .open>a, .navbar-main .nav-justified .open>a:focus { background: #fff; color: #333; border: none; }
.navbar-main .nav-justified>li.lang>a img { margin: 16px auto; display: inline-block; }
.navbar-main .nav-justified>li.lang>a:hover, .navbar-main .nav-justified>li.lang>a:focus { background: transparent; }
.navbar-main .dropdown-menu { min-width: 100%; width: 100%; padding: 0; margin: 0; text-align: center; background: #fff; filter: alpha(opacity=96); -moz-opacity: 0.96; opacity: 0.96; border-radius: 0px; box-shadow: none; border: 0px; }
.navbar-main .dropdown-menu>li { border-top: solid 1px #fff; }
.navbar-main .dropdown-menu>li>a { padding: 5px 0; color: #333; }
.navbar-main .dropdown-menu>li>a:hover { background: #0872d6; color: #fff; }

/*banner*/
.banner img { z-index: 9; display: block; width: 100%; height: auto; }
.banner .owl-controls { position: absolute; z-index: 99; width: 100%; margin-top: -35px; text-align: center; }
.banner .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; }
.banner .owl-controls .owl-page span { z-index: 999; display: block; width: 12px; height: 12px; margin: 0 5px 0 0; -webkit-transition: all .3s ease; transition: all .3s ease; border-radius: 999px; background: #fff; }
.banner .owl-controls .owl-page.active span, .banner .owl-controls.clickable .owl-page:hover span { background-color: #fff; }
.banner .owl-controls .owl-page.active span { width: 30px; }

/*首页视频*/
.home-video { padding: 0 0 48px; position: relative; overflow: hidden; }
.home-video iframe { height: 368px;height: 200px\9; }

/*首页产品*/
.home-product { padding: 48px 0; }
.home-product .page-title { margin-bottom: 48px; }
.home-product .row { margin-right: -20px; margin-left: -20px; }
.home-product .box { margin: 0 -10px 0 -5px }
.home-product .col-md-4, .home-product .col-md-8 { padding-right: 10px; padding-left: 10px; }
.home-product .cate-img { padding-left: 5px; }
.home-product .row.gutter-5 { margin-top: -4px; margin-right: -5px; margin-left: -5px; }
.gutter-5 .col-md-4 { margin-top: 4px; padding-right: 2px; padding-left: 2px; }
.gutter-5 a { position: relative; display: block; overflow: hidden; }
.gutter-5 a .caption { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: none; margin: auto; text-align: center; vertical-align: middle; color: #fff; background: #0872d6; }
.gutter-5 a:hover .caption { display: block; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
.gutter-5 a .caption h4 { line-height: 30px; margin: 45% 0 55%; vertical-align: middle; }
.gutter-5 a img { width: 100%; max-height: 255px; }

/*首页案例*/
.home-case { padding: 48px 0; }

/*首页简介*/
.home-about { padding: 48px 0; background: #f2f5ee; }
.home-about dl { margin-top: 48px; position: relative; display: block; overflow: hidden; }
.home-about dt { padding: 0; }
.home-about dt img { width: 100%; }
.home-about dd { padding: 30px 30px 15px; background: #fff; }
.home-about dd h4.title { font-size: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 15px; }
.home-about dd p { font-size: 14px; margin-bottom: 25px; color: #666; line-height: 1.8; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.home-about dd p a { color: #0872d6; }
.home-about dd ul { overflow: hidden; width: 100%; padding-top: 25px; border-top: 2px solid #e8e8e8; }
.home-about li { padding: 0; }
.home-about li a { text-align: center; display: block; }
.home-about li a span { display: block; width: 100px; height: 100px; border: solid 5px #e8e8e8; border-radius: 300px; overflow: hidden; margin: 0 auto; -moz-transition: all .8s ease 0s; -ms-transition: all .8s ease 0s; -o-transition: all .8s ease 0s; transition: all .8s ease 0s; box-sizing: border-box; }
.home-about li a:hover span { border: solid 5px #0872d6; background: #0872d6; }
.home-about li a i { line-height: 90px; font-size: 48px; color: #b8b8b8; }
.home-about li a:hover i { color: #fff; }
.home-about li a h4 { font-size: 14px; color: #666; margin: 10px 0; font-weight: normal; }
.home-about li a:hover h4 { color: #0872d6; }

/*在线客服*/
.sidebar { width: 140px; position: fixed; left: 0; bottom: 300px; }
.sidebar-title { height: 64px; background: #0872d6 url(../images/sidebar.png) center center no-repeat; }
.sidebar-list { background: #fff; border: solid 1px #0872d6; text-align: center; padding: 10px 0; }
.sidebar-list p { padding: 3px 0; }

/*首页新闻*/
.home-news { padding: 48px 0; background: #fff; }
.home-news .page-title { margin-bottom: 48px; }
.home-news .col-md-6 { padding: 0; }
.home-news ul li { position: relative; overflow: hidden; margin-bottom: -1px; border: 1px solid #ddd; }
.home-news ul li a { display: block; overflow: hidden; padding: 15px 19px 16px 0; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.home-news ul li a:hover, .home-news ul li a:hover .time em { color: #fff; }
.home-news ul li a:hover { background: #0872d6; }
.home-news ul li a .time { font-size: 16px; float: left; width: 20%; padding-top: 12px; text-align: center; }
.home-news ul li a .time em { font-size: 24px; font-weight: bold; line-height: 1; display: block; color: #7f7f7f; font-style: normal; }
.home-news ul li a .summary { line-height: 22px; float: left; width: 80%; }
.home-news ul li a .summary h4 { font-size: 18px; display: block; margin-bottom: 12px; }
.home-headline a { position: relative; display: block; overflow: hidden; max-height: 213px; background: #f9f9f9; }
.home-headline a .text { font-size: 14px; line-height: 24px; position: relative; padding: 25px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.home-headline a .text h4 { font-size: 16px; padding-bottom: 12px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.5; }
.home-headline a .text p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.home-headline a:hover { color: #fff; background: #0872d6; }
.home-headline a .pic { position: relative; overflow: hidden; }
.home-headline a img { -moz-transition: all .8s ease 0s; -ms-transition: all .8s ease 0s; -o-transition: all .8s ease 0s; transition: all .8s ease 0s; }
.home-headline a:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); }

/*公司简介*/
.about { padding: 48px 0; }
.about dl { background: #fff; position: relative; display: block; overflow: hidden; }
.about dt { padding: 0; }
.about dt img { width: 100%; }
.about dd { padding: 30px 30px 0; }
.about dd .cn { font-size: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.about dd .en { display: block; text-transform: uppercase; font-size: 12px; color: #999; font-family: Arial; position: relative; padding-bottom: 10px; }
.about dd .en:after { position: absolute; width: 30px; bottom: 0px; left: 0; content: ''; border-bottom: 3px solid #0872d6; font-weight: bold; }
.about dd p { font-size: 14px; color: #666; line-height: 1.8; padding: 12px 0 0; }

/*子类导航*/
.cate-list { position: relative; margin-top: -30px; background: #fff; border: 1px #d8d8d8 solid; border-left: none; }
.cate-list ul { overflow: hidden; }
.cate-list li { line-height: 60px; text-align: center; border-left: 1px #d8d8d8 solid; margin-left: -1px; }
.cate-list li a { display: block; height: 60px; }
.cate-list li a:hover, .cate-list li.on a { color: #fff; background: #0872d6; }

/*通用新闻*/
.headline { padding: 56px 0; position: relative; overflow: hidden; }
.headline .pic { position: relative; overflow: hidden; }
.headline .pic a img { -moz-transition: all .8s ease 0s; -ms-transition: all .8s ease 0s; -o-transition: all .8s ease 0s; transition: all .8s ease 0s; }
.headline .pic a:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); }
.headline .pic .date { position: absolute; top: 0; left: 0; width: 106px; height: 82px; background-color: #0872d6; color: #fff; text-align: center; }
.headline .pic .date span { display: block; }
.headline .pic .date .day { font-size: 28px; font-weight: bold; line-height: 30px; margin-top: 15px; }
.headline .pic .date .year { font-size: 15px; }
.headline .text .title { font-size: 18px; font-weight: normal; line-height: 23px; height: 46px; overflow: hidden; margin: 20px 0; }
.headline .text .desc { font-size: 14px; color: #747474; height: 44px; line-height: 22px; overflow: hidden; }
.news-list { overflow: hidden; border-top: 1px dashed #ccc; }
.news-list li { padding: 25px 0 30px; border-bottom: 1px dashed #ccc; overflow: hidden; width: 100%; }
.news-list li a .date { font-family: Arial; border: 1px #ccc solid; width: 55px; margin-right: 2%; float: left; }
.news-list li a .date span { display: block; text-align: center; }
.news-list li a .date .day { font-size: 30px; font-weight: bold; background-color: #ccc; line-height: 45px; color: #fff; }
.news-list li a:hover .date .day { background-color: #0872d6; }
.news-list li a .date .month { font-size: 0.77em; color: #565656; }
.news-list li a .title { font-size: 18px; margin-bottom: 5px; color: #555; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news-list li a .desc { line-height: 23px; height: 46px; overflow: hidden; color: #999; }
.news-list li a:hover .title, .news-list li a:hover .desc { color: #0872d6 }

/*通用图文*/
.img-list { padding: 36px 0 0; position: relative; overflow: hidden; }
.img-list li { margin: 20px 0; }
.img-list li a { display: block; overflow: hidden; padding: 15px; text-align: center; border: solid 1px #ccc; }
.img-list li a .pic { overflow: hidden; min-height: 223px; max-height: 306px; }
.img-list li a img { margin: 0 auto; }
.img-list li a .title { font-size: 14px; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: normal; }

/*产品列表*/
.product-list { padding: 36px 0 0; position: relative; overflow: hidden; }
.product-list li { margin: 24px 0; }
.product-list li a { display: block; overflow: hidden; text-align: center; }
.product-list li a .pic { overflow: hidden; height: 0; width: 100%; padding-bottom: 100%; overflow: hidden; }
.product-list li a img { margin: 0 auto;-moz-transition: all .8s ease 0s; -ms-transition: all .8s ease 0s; -o-transition: all .8s ease 0s; transition: all .8s ease 0s; }
.product-list li a:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); }
.product-list li a .title { font-size: 14px; line-height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: normal; background: #f7f7f7; }

/*图片列表*/
.other-list { padding: 36px 0 0; position: relative; overflow: hidden; }
.other-list li { margin: 24px 0; }
.other-list li a { display: block; overflow: hidden; text-align: center; }
.other-list li a .pic { overflow: hidden; height: 190px; }
.other-list li a img { margin: 0 auto; }
.other-list li a .title { font-size: 14px; line-height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: normal; background: #f7f7f7; }

/*当前位置*/
.crumbs { line-height: 56px; }
.crumbs a { margin: 0 3px; color: #999; }
.crumbs a.hover { color: #bb051d; }
.share { height: 30px; border: 1px solid #e8e8e8; background: #f7f7f7; }
.bdsharebuttonbox { padding-left: 10px; }

/*通用详情*/
.content-body,.contact { font-size: 16px; line-height: 1.8; padding: 56px 0; position: relative; overflow: hidden; }
.content-body p,.contact p { padding: 5px 0 10px 0; }
.content-body img {    /*margin: 0 auto;
						max-width: 640px;*/ }
	.content-title { line-height: 30px; padding: 10px 0; text-align: center; font-size: 24px; }
	.content-time { font-size: 12px; line-height: 1.5; display: block; margin-bottom: 16px; padding: 6px 0; text-align: center; color: #999; }
	.content-time span { padding: 0 10px; }
	.content-related { margin: 15px 0; padding-top: 15px; border-top: dashed 1px #ccc; }
	.content-related li { line-height: 28px; height: 28px; }
	.iw_poi_title { font-size: 14px; font-weight: bold; overflow: hidden; padding-right: 13px; white-space: nowrap; color: #c52; }
	.iw_poi_content { font: 12px arial, sans-serif; overflow: visible; padding-top: 4px; white-space: -moz-pre-wrap; word-wrap: break-word; }
	#dituContent { width: 100%; height: 400px; border: #ccc solid 1px; }
	#dituContent img { max-width: none; }

	/*通用分页*/
	.page-list { overflow: hidden; margin: 10px 0 30px 0; text-align: center; }
	.page-list li { line-height: 16px; display: inline-block; overflow: hidden; margin-right: 4px; padding: 3px 7px; border: 1px solid #ccc; }
	.page-list a {}
	.page-list .thisclass { font-weight: bold; color: #fff; border: 1px solid #0872d6; background: #0872d6; }

	/*通用底部*/
	.footer { overflow: hidden; background: #0872d6; color: #fff; padding: 60px 0 20px; }
	.footer a { color: #fff; }
	.footer dl { float: left; padding-right: 40px; height: 165px; margin-right: 40px; border-right: solid 1px #75bd1c; position: relative; }
	.footer dl dt { overflow: hidden; color: #fff; margin-bottom: 20px; font-weight: bold; font-size: 16px; }
	.footer dl:after { position: absolute; right: -1px; top: 0; content: ''; height: 36px; width: 1px; background: #f99d33; z-index: 10; }
	.footer dl dd a { overflow: hidden; font-size: 13px; line-height: 26px; }
	.footer .other { float: right; }
	.footer .other .weixin { overflow: hidden; float: left; width: 116px; height: 132px; background-color: #fff; margin-right: 36px; }
	.footer .other .weixin img { width: 100px; height: 100px; margin: 8px auto 0; display: block; }
	.footer .other .weixin p { font-size: 12px; text-align: center; color: #999; }
	.footer .other .info { float: left; }
	.footer .other .info span, .footer .other .info strong { display: block; }
	.footer .other .info strong { font-size: 24px; color: #fff; margin-bottom: 10px; }
	.copyright { background: #fff; position: relative; padding: 20px 0; line-height: 1.8; color: #666; }
	.copyright a { color: #666; }
	.copyright a:hover { color: #0872d6; text-decoration:underline;}

	@media (max-width:992px) {
		.page-top { height: 360px; }
		.page-top > .bg { left: 0; }
		.page-title p { width: 100%; }
		.navbar-main { padding: 10px 0; }
		.navbar-header .logo { padding: 0; }
		.navbar-header .logo img { height: 44px; }
		.navbar-toggle { padding: 15px 0px; margin: 0; background-color: transparent; background-image: none; border-radius: 0px; border-top: none; }
		.navbar-toggle .icon-bar { background: #fff; }
		.navbar-collapse { padding: 0; margin-top: 10px; }
		.navbar-main .nav-justified { border-top: solid 1px #fff; }
		.navbar-main .nav-justified>li { display: block; width: 100%; clear: both; }
		.navbar-main .nav-justified>li>a { line-height: 48px; display: block; margin-bottom: 0; text-align: left; padding: 0 15px; border-bottom: solid 1px #fff; }
		.navbar-main .nav-justified .open>a, .navbar-main .nav-justified .open>a:focus { background-color: transparent; border-top: 1px solid #fff; background: #0872d6; color: #fff; }
		.navbar-main .dropdown-menu { padding: 0; position: static; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none; }
		.navbar-main .dropdown-menu>li>a { font-size: 16px; text-align: left; line-height: 48px; padding: 0 15px; border-top: 1px solid #ccc; }
		.banner .owl-controls { margin-top: -25px; }
		.banner .owl-controls .owl-page span { width: 5px; height: 5px; }
		.banner .owl-controls .owl-page.active span { width: 15px; }
		.home-headline a { max-height: 999px; }
		.home-about dd { padding: 30px 30px 20px; }
		.home-product .row { margin-right: -2px; margin-left: -2px; }
		.home-product .col-md-4.cate-img, .home-product .col-md-4.cate-img img { width: 100%; }
		.home-product .cate-img { padding-right: 2px; padding-left: 2px; }
		.home-product .col-md-8 { width: 100%; }
		.home-product .row.gutter-5 { margin-top: 0px; margin-right: -10px; margin-left: -10px; }
		.gutter-5 a img { max-height: 358px; }
		.cate-list { display: none; }
		.footer dl { width: 25%; padding-right: 45px; margin-right: 15%; margin-bottom: 15px; }
		.footer .other { float: none; }
		.aside, .content { padding-bottom: 0px; margin-bottom: 0px; }
		.aside { border-top: 1px solid #e6e6e6; }
		.content-body,.contact { min-height: auto }
		.content-body img {height: 100% !important;width: 100% !important;}
		.share { display: none; }
		.home-product .box { margin: 0; }
	}
	@media (max-width:640px) {
		.navbar-header .logo img { padding-left: 15px; }
		.navbar-toggle { margin-right: 15px; }
		.header .hotline { float: none; }
		.home-product .list a .small-pic { max-height: 138px; }
		.home-product .list a h4 { font-size: 14px; }
		.product-list { margin: 0 4px; }
		.product-list li { padding: 0 4px; margin: 10px 0; }
		.home-news ul li a .time { width: 30%; }
		.home-news ul li a .summary { width: 70%; }
		.home-news ul li a .summary h4 { font-size: 16px }
		.home-news ul li a .summary p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
		.home-video iframe { height: auto; }
		.footer dl { width: 35%; padding-right: 20px; margin-right: 15%; }
		.copyright .pull-left { float: none; }
		.copyright span { text-align: center; display: block; }
		.sidebar { display: none; }
	}
	@media (max-width:320px) {
		.home-product .list a .small-pic { max-height: 108px; }
	}